<template>
  <div>
    <router-view />
  </div>
</template>

<script setup>
    window.ResizeObserver = class ResizeObserver extends window.ResizeObserver {
        constructor(callback) {
            let timer = null;
            const debouncedCallback = function () {
                let context = this;
                let args = arguments;
                clearTimeout(timer);
                timer = setTimeout(function () {
                    callback.apply(context, args);
                }, 16);
            };
            super(debouncedCallback);
        }
    };
</script>

<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}

@font-face {
  font-family: "iconfont"; /* Project id 4673538 */
  src: url("//at.alicdn.com/t/c/font_4673538_407y2me9ko6.woff2?t=1725535670856")
      format("woff2"),
    url("//at.alicdn.com/t/c/font_4673538_407y2me9ko6.woff?t=1725535670856")
      format("woff"),
    url("//at.alicdn.com/t/c/font_4673538_407y2me9ko6.ttf?t=1725535670856")
      format("truetype");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shouqi:before {
  content: "\e67f";
}

.icon-shouqi1:before {
  content: "\e62c";
}

.icon-a-ziyuan586:before {
  content: "\e78e";
}

.icon-dashboard:before {
  content: "\e607";
}
</style>
